/* reset */
*
  box-sizing border-box

html
  height 100%
  overflow hidden

body
  margin 0
  background #fff
  height 100%
  font-size 14px

[v-cloak]
  display none

p, h1, h2, h3, h4, h5, h6, li, a, span, i, label
  margin 0
  padding 0
  font-weight 500

h3
  user-select none

.ellipsis
  overflow hidden
  white-space nowrap
  text-overflow ellipsis


input[type=button], input[type=submit], input[type=file], button
  -webkit-appearance none
  cursor pointer
  border 0
  outline 0

//text-overflow ellipsis
#app
  font-family PingFang SC, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  height 100%
  overflow-y auto

  & > div:not(.ball-scale-multiple)
    width 100%
    overflow-x hidden
    overflow-y auto

  a
    font-weight bold

    &.router-link-exact-active
      color #42b983

    &last-child
      border-right 0

    .iconfont
      font-weight 600
      font-size 20px
      padding 6px 0

ul li
  list-style none

.top-wrap {
  min-height: 100px;
}

.show-wrap {
  min-height: 370px;
  .showList {
    background: #fff;
  }
}

.intro {
  min-height: 330px;
  p, h1, h2, h3, h4, h5, h6, li, a, span, i, label {
    font-size: 12px !important;
    line-height: 24px !important;
    text-indent: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    color: $color-text;
  }

  strong {
    span {
      font-weight: 600;
      font-size: 14px !important;
    }
  }

  table {
    width: 100%;
  }
}

a
  color #999
  -webkit-tap-highlight-color rgba(153, 153, 153, 0.1)

.clearfix
  zoom 1

  &::after
    content '\20'
    height 0
    display block
    overflow hidden
    clear both

.hidden
  display none !important


/* SCROLL STYLE*/
::-webkit-scrollbar-track
  background-color transparent

::-webkit-scrollbar
  width 0
  height 0
  background-color transparent

::-webkit-scrollbar-thumb
  background-color transparent


/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.list-enter-active, .list-leave-active
  transition all .6s

.list-enter, .list-leave-to
  opacity 0
  transform translate(30px, 0)


/* preventClick */
.preventClick
  cursor not-allowed
  pointer-events none


/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active
  transition all .5s ease

.slide-fade-leave-active
  transition all .5s ease

.slide-fade-enter, .slide-fade-leave-to
  /* .slide-fade-leave-active for below version 2.1.8 */
  transform translateX(100vw)
  opacity 0

.rippleMagic
  -webkit-appearance none
  -webkit-tap-highlight-color rgba(0, 0, 0, 0)
  cursor pointer
  overflow hidden
  user-select none
  position relative

  p, div, img, i, span, svg
    user-select none
    pointer-events none

  .ripple
    position absolute
    background rgba(0, 0, 0, .1)
    border-radius 100%
    pointer-events none
    transform scale(0)

  .ripple.show
    animation ripple .75s ease-out

  @keyframes ripple
    100%
      transform scale(5)
      opacity 0


// ios
Element {
  -webkit-transform: translate3d(0, 0, 0)
  transform: translate3d(0, 0, 0);
}

.van-image-preview__image
  display flex !important
  align-items center

  img
    width 100%
    height auto
    background #fff

.van-popup
  &.overflow
    overflow hidden

// ios timepop
.filterBox
  .van-dropdown-menu__bar
    height 45px

  .van-dropdown-menu__title
    line-height 45px

    .van-ellipsis
      font-size 12px

  .van-dropdown-menu__title::after
    border-width 3px
    right -5px
    top 60%
    opacity 1
    transform: rotate(135deg);
    margin-top: -1px;
    border-color: transparent transparent #999 transparent;

  .van-dropdown-menu__title--down::after
    border-width 3px
    right -5px
    top 60%
    opacity 1
    border-bottom-color: #4771DC;


.van-overflow-hidden
  .frontPop
    overflow visible

    & > div
      overflow visible

  .van-popup
    overflow auto

    .van-cell
      font-size 12px
      line-height 24px

      span
        font-size 12px


.noData
  margin-top: 45px;
  min-height: calc(100vh - 55px - 45px - 100px);

  p
    height 80px
    line-height 80px
    text-align center
    font-size 18px
    color #999

  .img-box
    text-align center

    img
      width 90%

.van-skeleton
  background: #fff;
  padding: 20px!important;
